
// 返回顶部按钮

$(window).scroll(function() {//浏览器滚动出发scroll
  if ($(this).scrollTop() > 200) {//判断当前滚动条的位置是否超过了200像素
    $(".back-to-top").fadeIn('slow');
  } else {
    $(".back-to-top").fadeOut('slow');
  }
});
$('.back-to-top').click(function () {
  $('html, body').animate({ scrollTop: 0 }, 1500, 'easeInOutExpo');//'easeInOutExpo'表示动画的速度曲线为先慢后快再慢

});

  

const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
//获取所有带有data-bs-toggle="tooltip"属性的元素，然后使用扩展运算符...将NodeList转换为数组
const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]')
const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl))


//j表单验证
$(document).ready(function () {
    $('#messageForm').on('submit', function (e) {//点击该表单的提交按钮时，会触发这个函数
        e.preventDefault();//阻止了表单的默认提交行为，即阻止页面刷新或跳转
        const username = $('#username').val();
        const message = $('#message').val();//获取了用户名和留言内容的值，并存储在变量username和message中。
        if (username && message) {//检查用户名和留言内容是否都存在
            const li = $('<li class="list-group-item"></li>');
            li.text(`${username}：${message}`);
            $('#messageList').append(li);//显示消息列表
            $('#username').val('');
            $('#message').val('');
        } else {
            alert('请填写用户名和留言内容');
        }
    });
});

(function() {
  'use strict'
  // Fetch all the forms we want to apply custom Bootstrap validation styles to
  var forms = document.querySelectorAll('.needs-validation')

  // Loop over them and prevent submission
  Array.prototype.slice.call(forms)
      .forEach(function(form) {
          form.addEventListener('submit', function(event) {
              if (!form.checkValidity()) {
                  event.preventDefault()
                  event.stopPropagation()
              }
              form.classList.add('was-validated')
          }, false)
      })
})()